/** 基础 */
<template>
  <div class="app-binding">
    <je-grid
      border
      auto-resize
      show-overflow="ellipsis"
      keep-source
      show-header-overflow
      resizable
      height="128"
      size="mini"
      header-align="center"
      :edit-config="{
        trigger: 'click',
        mode: 'cell',
        showStatus: true,
        showInsertStatus: false,
      }"
      :data="gridData"
    >
      <je-column field="apkName" title="APP名称" width="50%"></je-column>
      <je-column field="appName" title="绑定功能"></je-column>
    </je-grid>
  </div>
</template>

<script>
  import { defineComponent, ref, reactive } from 'vue';
  import { Grid } from '@jecloud/ui';

  export default defineComponent({
    name: 'AppBinding',
    components: {
      JeGrid: Grid,
      JeColumn: Grid.Column,
    },
    props: {
      parentData: {
        type: Object,
        default: () => {
          return {};
        },
      },
    },
    setup(props) {
      const gridData = ref([{ apkName: '1' }, { apkName: '2' }]);
      return { gridData };
    },
  });
</script>
